{dede:include filename="header.htm"/}

<script type="text/javascript">
    function Onclick(){
        $("#showimg").toggleClass('lcys_min');
        $("#showimg").toggleClass('lcys_max');

    document.getElementById("loadPic").innerHTML='<div style="float: right;margin-right: 300px;"><a href="javascript:location.reload()" style="display: table-row-group;width: 50px;"><img src="/templets/bm/image/zoom_out.png" height="50" width="50" style="vertical-align:middle" />放小图片</a></div>';

//        $('#loadPic').remove();

    }


    function Onclick_2() {
        document.getElementById("showimg").onclick();
    }

//    $(document).ready(function(){
//        $("#hide").click(function(){
//            $("p").hide();
//        });
//        $("#show").click(function(){
//            $("p").show();
//        });
//    });


</script>

<div id="NoviceGuide-Slide">
    <a href="#" title="流程演示" >
        <img src="http://bm.com.cn/templets/bm/image/NoviceGuide-Slide.jpg" alt="流程演示">
    </a>
</div>





<div id="lcys">
    <div class="lcys-center">

        <div id="lcys_weizhi"><span>您当前位置:{dede:field name='position'/}</span></div>

        <div class="lcys-content">

            <!--编辑内容-->
            <!-- {dede:field.content/} -->
            <div style="width:900px;margin: 0 auto;">
                <button type="button" class="button-blue-larrow" id="pre" onMouseOver="this.className='Up'" onMouseOut="this.className='button-blue-larrow'" title="上一步" style="cursor:pointer">上一步</button>
                <button type="button" class="button-blue-rarrow"  onMouseOver="this.className='Up2'" onMouseOut="this.className='button-blue-rarrow'" title="查看大图" style="cursor:pointer" onclick="Onclick()">查看大图</button>
            </div>
            <div id="one_layer">
                <div class="two_layer">

                    <!--<img id="showimg" class="lcys_min" src="/templets/bm/image/lcys1.gif" onclick="Onclick()" />-->
                    <img id="showimg" class="lcys_min" style="cursor:pointer;" title="流程演示" alt="流程演示" src="/templets/bm/image/lcys1.gif"  />
                    <a style="left:0px;top:20px;width:100%;height:50px; position: fixed;cursor:pointer;" title="放小图片" id="loadPic"></a>

                </div>
            </div>

            <!--编辑内容-->

        </div>
    </div>
</div>

{dede:include filename="footer.htm"/}

<script type="text/javascript"> 
//$=function(obj){return document.getElementById(obj);}
//图片地址 
var imgsrc= new Array(); 
imgsrc[0]="/templets/bm/image/lcys1.gif"; 
imgsrc[1]="/templets/bm/image/lcys2.gif"; 
imgsrc[2]="/templets/bm/image/lcys3.gif"; 
imgsrc[3]="/templets/bm/image/lcys4.gif"; 
imgsrc[4]="/templets/bm/image/lcys5.gif"; 
imgsrc[5]="/templets/bm/image/lcys6.gif"; 
imgsrc[6]="/templets/bm/image/lcys7.gif"; 
imgsrc[7]="/templets/bm/image/lcys8.gif"; 
imgsrc[8]="/templets/bm/image/lcys9.gif"; 
imgsrc[9]="/templets/bm/image/lcys10.gif"; 
imgsrc[10]="/templets/bm/image/lcys11.gif"; 
imgsrc[11]="/templets/bm/image/lcys12.gif"; 
imgsrc[12]="/templets/bm/image/lcys13.gif"; 
imgsrc[13]="/templets/bm/image/lcys14.gif"; 
imgsrc[14]="/templets/bm/image/lcys15.gif"; 
imgsrc[15]="/templets/bm/image/lcys16.gif"; 
imgsrc[16]="/templets/bm/image/lcys17.gif"; 
imgsrc[17]="/templets/bm/image/lcys18.gif"; 
imgsrc[18]="/templets/bm/image/lcys19.gif"; 
imgsrc[19]="/templets/bm/image/lcys20.gif"; 
imgsrc[20]="/templets/bm/image/lcys21.gif"; 
imgsrc[21]="/templets/bm/image/lcys22.gif"; 
imgsrc[22]="/templets/bm/image/lcys23.gif"; 
imgsrc[23]="/templets/bm/image/lcys24.gif"; 
imgsrc[24]="/templets/bm/image/lcys25.gif"; 
imgsrc[25]="/templets/bm/image/lcys26.gif";
imgsrc[26]="/templets/bm/image/lcys27.gif";
imgsrc[27]="/templets/bm/image/lcys28.gif";
imgsrc[28]="/templets/bm/image/lcys29.gif";
imgsrc[29]="/templets/bm/image/lcys30.gif";



//图片预加载 
var arr = new Array(); 
for(var i=1; i<=imgsrc.length; i++) { 
arr[i] = new Image(); 
arr[i].src=imgsrc[i]; 
arr[i].onload; 
} 

i=0; 

$("#showimg").on('click',
	function (){
		i++; 
		if(i>=imgsrc.length){i=0} 
		$("#showimg").attr("src",imgsrc[i]);
        if(i===29)
            alert("演示结束 点击可循环演示!");
});

$("#pre").on('click',
	function (){
		i--; 
		if(i<0){i=imgsrc.length-1} 
		$("#showimg").attr("src",imgsrc[i]);
        if(i===29)
            alert("演示结束 点击可循环演示!");
}); 

</script> 

</body>
</html>